<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>InDesign CS4 * Grids</title>
        <meta name="product" content="$product" />
        <meta name="productv" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSa285fff53dea4f8617383751001ea8cb3f-7143a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="InDesign"><table><tr><td class="banner">InDesign CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/InDesign/6.0/indesign_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSa285fff53dea4f8617383751001ea8cb3f-7137a.html" title="Info panel overview"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSfd1234e1c4b69f30d2a5051004d659b1c-7fefa.html" title="Ruler guides"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy"><a href="WSa285fff53dea4f8617383751001ea8cb3f-715ca.html"><b>Layout</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Grids
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-7135a"><h3 class="topictitle3">Use grids</h3>
</a></p><ul><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-7134a"><h4 class="topictitle4">Set up a baseline grid</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-7133a"><h4 class="topictitle4">Set up a document grid</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-7132a"><h4 class="topictitle4">Show or hide grids</h4>
</a></p></li></ul></li><li><p><a href="#WS05544628-1F3F-4596-8B2D-023A03108871"><h3 class="topictitle3">Snapping objects to grids</h3>
</a></p><ul><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-7125a"><h4 class="topictitle4">Snap objects to the document grid</h4>
</a></p></li></ul></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><ul class="navlinklist"></ul>
</div>
<div id="WSa285fff53dea4f8617383751001ea8cb3f-7135a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-7135a"></a><h2 class="topictitle2">Use grids</h2><div><p>Two kinds of nonprinting
grids are available: a <dfn class="term">baseline grid</dfn> for aligning columns
of text, and a <dfn class="term">document grid</dfn> for aligning objects.
On the screen, a baseline grid resembles ruled notebook paper, and
a document grid resembles graph paper. You can customize both kinds
of grids.</p>
<div class="fignone"><img alt="" id="ty_06" src="images/ty_06.png" /><div class="figdesc">Baseline grid (left) and document grid (right)</div><br /></div><p>When a grid is visible, you can observe the following characteristics:</p>
<div class="section"><ul><li><p>The
baseline grid covers entire spreads, but the document grid covers
the entire pasteboard.</p>
</li>
<li><p>Baseline grids and document grids appear on every spread
and cannot be assigned to any master.</p>
</li>
<li><p>The document grid can appear in front of or&#160;behind
all guides, layers, and objects, but cannot be assigned to any layer.
The document baseline grid direction follows the column direction
set in the Margins And Columns dialog box.</p>
</li>
</ul>
</div>
</div><div id="WSa285fff53dea4f8617383751001ea8cb3f-7134a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-7134a"></a><h3 class="topictitle3">Set up a baseline grid</h3><div><p>Use Grid Preferences to set up a baseline grid for the
entire document. </p>
<div class="tip"><img src="images/tip_help.png" />You
can set up a baseline grid for a frame by using the Text Frame Options.
(See <a href="WSa285fff53dea4f8617383751001ea8cb3f-6f8ba.html">Change text frame properties</a>.)</div><ol><li><p>Choose
Edit&#160;&gt; Preferences&#160;&gt; Grids (Windows) or InDesign&#160;&gt; Preferences&#160;&gt;
Grids (Mac&#160;OS).</p>
</li>
<li><p>Specify a baseline grid color by choosing a color in the
Color menu. You can also choose Custom in the Color menu.</p>
</li>
<li><p>For Relative To, specify whether you want the grid to start
at the top of the page or the top margin.</p>
</li>
<li><p>For Start, type a value to offset the grid from either the
top of the page or the top margin of the page, depending on the
option you choose from the Relative To menu. If you have trouble
aligning the vertical ruler to this grid, try starting with a value
of zero.</p>
</li>
<li><p>For Increment Every, type a value for the spacing between
grid lines. In most cases, type a value that equals your body text
leading, so that lines of text align perfectly to this grid.</p>
<div class="fignone"><img alt="" id="ty_07" src="images/ty_07.png" /><div class="figdesc">Baseline grid in document window </div><br /><dl><dt class="dlterm">A.</dt>
<dd>First grid line</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Increment
between grid lines</dd><p class="dlseparator"></p></dl>
</div></li>
<li><p>For View Threshold, type a value to specify the&#160;magnification
below which the grid does not&#160;appear, and click&#160;OK.
Increase the view threshold to prevent crowded grid lines at lower
magnifications.</p>
<div class="fignone"><img alt="" id="ty_08" src="images/ty_08.png" /><div class="figdesc">Baseline grid at magnification below view threshold (left)
and above view threshold (right)</div><br /></div></li>
<li><p>Click OK.</p>
</li>
</ol>
<div class="note"><span class="notetitle">Note:  </span>The Snap
To Guides command controls both snapping to guides and snapping
to the baseline grid.</div>
</div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-7133a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-7133a"></a><h3 class="topictitle3">Set up a document grid</h3><div><ol><li><p>Choose
Edit&#160;&gt; Preferences&#160;&gt; Grids (Windows) or InDesign&#160;&gt; Preferences&#160;&gt;
Grids (Mac&#160;OS).</p>
</li>
<li><p>Specify a document grid color by choosing a color in the
Color menu. You can also choose Custom in the Color menu.</p>
</li>
<li><p>To
set horizontal grid spacing, specify a value for Gridline Every
in the Horizontal section of the Document Grid section, and then
specify a value for Subdivisions between each grid line.</p>
</li>
<li><p>To set
vertical grid spacing, specify a value for Gridline Every in the
Vertical section of the Document Grid section, and then specify
a value for Subdivisions between each grid line.</p>
</li>
<li><p>Do one of the following, and click&#160;OK:</p>
<ul><li><p>To put the document and baseline grids behind all other objects,
make sure that Grids In Back is selected.</p>
</li>
<li><p>To put the document and baseline grids in front of all other
objects, deselect Grids In Back.</p>
</li>
</ul>
</li>
</ol>
<div class="tip"><img src="images/tip_help.png" />To put guides behind all other objects, you can
also choose Guides In Back in the context menu that appears when
you right-click (Windows) or Control-click (Mac&#160;OS) an
empty area of the document window.</div></div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-7132a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-7132a"></a><h3 class="topictitle3">Show or hide grids</h3><div><ul><li><p>To
show or hide the baseline grid, choose View&#160;&gt; Grids
&amp; Guides&#160;&gt; Show/Hide Baseline Grid.</p>
</li>
<li><p>To show or hide the document grid, choose View&#160;&gt;
Grids &amp; Guides&#160;&gt; Show/Hide Document Grid.</p>
</li>
</ul>
</div></div></div>
<div id="WS05544628-1F3F-4596-8B2D-023A03108871" class="nochunk"><a name="WS05544628-1F3F-4596-8B2D-023A03108871"></a><h2 class="topictitle2">Snapping objects to grids</h2><div><p>When snapping is enabled, moving an object within the snap
zone of a grid location will cause the object to snap to that location.</p>
</div><div id="WSa285fff53dea4f8617383751001ea8cb3f-7125a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-7125a"></a><h3 class="topictitle3">Snap objects to the document grid</h3><div><ol><li class="stepexpand"><span>Choose View&#160;&gt; Grids &amp; Guides
and make sure that Snap To Document Grid is selected (checked).
If it is not selected, click it.</span> <div class="note"><span class="notetitle">Note:  </span>The Snap to Guides command controls both snapping to
guides and snapping to the baseline grid.</div>
</li>
<li class="stepexpand"><span>To specify the snap-to zone, choose Edit&#160;&gt;
Preferences&#160;&gt; Guides &amp; Pasteboard (Windows) or InDesign&#160;&gt;
Preferences&#160;&gt; Guides &amp; Pasteboard (Mac&#160;OS),
type a value for Snap to Zone, and click&#160;OK. The Snap to
Zone value is always in pixels.</span></li>
</ol>
<div class="section"><p>To snap an object to a grid, drag an object toward a
grid until one or more&#160;of&#160;the object’s edges is
within the grid’s snap-to zone.</p>
</div>
</div></div></div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div><p>&#160;<a href="WSE70D39D0-AB3A-41ce-BA95-9D9285D63FB5.html">Use smart guides</a></p><p>&#160;<a href="WSa285fff53dea4f8617383751001ea8cb3f-70dea.html">Assign a layer color</a></p>
</div>
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_InDesign_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>